<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" session="false" %>
		
	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- 
  - Author(s): 30000074
  - Date: 2018-05-18 10:43:47
  - Description:
-->
<head>
<title>人资行政管理平台</title>
<%@include file="/common/common.jsp"%>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    
    <style type="text/css">
    #administration{
    	position: absolute;
    	left: 34%;
    	top: 5%;
    	font-size: 30px;
    	color: #97784e;
    	font-family: "黑体";
    	cursor: default;
    }
    #administration img{
    	margin-top: -8px;
    	margin-right: -12px;
    }
    .login-out{    
    	position: absolute;
    	right: 5%;
    	top: 7%;
    	font-size: 16px;
    	color: #97784e;
    }
    .login-out i{
    	margin-right: 2px;
    }
    
    .power{
    	 position: absolute;
         top: 41%;
         left: 41%;
         font-size: 30px;
         color: red;
         display: none;
    }
    </style>
</head>
<body style="background-image: url(<%=request.getContextPath()%>/coframe/auth/images/index30.jpg);">

	<span id="administration">
	<img alt="" src="<%=request.getContextPath()%>/coframe/auth/images/sfyjj.png">|人资行政管理平台
	</span>
	<a class="login-out out" href="<%= request.getContextPath() %>/coframe/auth/login/logout.jsp" target="_top">
	<i class="glyphicon glyphicon-off"></i>退出</a>
	
<div class="power">
	您尚未拥有系统权限
</div>
<div class="guide-slider" id="guideSlider">
        <ul class="guide-list">
            <%-- <li class="guide">
                <div class="display">
                    <div class="icon icon1 animated flipInY">
                    <img alt="" src="<%=request.getContextPath()%>/coframe/auth/login/images/logo2.png" width="74px">
                    </div>
                    <div class="title">招聘管理</div>
                    <div class="introduction"></div>
                </div>
                
            </li>
            <li class="guide">
                <div class="display">
                    <div class="icon icon2 animated flipInY">
                    	<i class="layui-icon" style="font-size: 60px;color: #999999;">&#xe614;</i>
                    </div>
                    <div class="title">系统设置</div>
                    <div class="introduction"></div>
                </div>
                
            </li> --%>
            <!-- <li class="guide">
                <div class="display">
                    <div class="" style="color: #999999;font-size: 53px;margin-top: 65px;">+</div>
                </div>
                
            </li> -->
            
            
            
        </ul>
        
    </div>


	<script type="text/javascript">
    
    </script>
</body>

<script type="text/javascript">
//加载菜单，遍历有权限的菜单
$(function(){
		$.ajax({
           		url: 'org.gocom.components.coframe.auth.LoginManager.queryMain.biz.ext',
				type:'POST',
				data:{},
				success:function(data){
					
					if(data.treeNodes.length==0){
						$(".power").show();
						
					}else{
						var html='';
						var j=0;
						$(data.treeNodes).each(function(i,obj){
							j+=200;
	                			html+='<li class="guide">';
	                			html+='<a href="<%=request.getContextPath()%>'+obj.linkAction+'" target="_top">'
								html+='<div class="display" data="'+obj.linkAction+'">';
	                			html+='<div class="icon icon'+i+' animated flipInY">';
	                			if(obj.functionCode=="system_home"){
	                				html+='<i class="layui-icon" style="font-size: 60px;color: #999999;">&#xe614;</i>';
	                			}else{
	                				html+='<img alt="" src="<%=request.getContextPath()%>/coframe/framework/menu/images/'+obj.menuCode+'.png" width="74px">';
	                			}
	                    		html+='</div>';
	                    		html+='<div class="title">'+obj.menuName+'</div>';
	                    		html+='<div class="introduction"></div>';
	                    		html+='</div>';
	                    		html+='</a>'
	                			html+='</li>';
	                		
						});
						//加号图件
						/* html+='<li class="guide">';
						html+='<div class="display">';
	                	html+='<div class="" style="color: #999999;font-size: 53px;margin-top: 65px;">+</div>'
	                    html+='</div></li>'; */
	                
	                
	            
						$("#guideSlider").css('width',j+'px');
						$("#guideSlider").css('max-width','1200px');
						$(".guide-list").append(html);
						var $guideSlider = $("#guideSlider").eq(0);
	
						$guideSlider.find(".guide-list .guide").hover(function() {
						    $(this).addClass("on").siblings().removeClass("on");
						});	
					}
					
				}
			});
			


});

function appendIcon(){
		
}

</script>
</html>